<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="assets/images/favicon_1.ico">

        <title>Ubold - Responsive Admin Dashboard Template</title>

        <!--Morris Chart CSS -->
        <link rel="stylesheet" href="../plugins/morris/morris.css">

        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />

        <script src="assets/js/modernizr.min.js"></script>


    </head>


    <body class="fixed-left" id="do-nicescrol">
        
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group pull-right m-t-15">
                    <button type="button" class="btn btn-default dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="false">Settings</button>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop1">
                        <a class="dropdown-item" href="ecommerce-dashboard.html#">Dropdown One</a>
                        <a class="dropdown-item" href="ecommerce-dashboard.html#">Dropdown Two</a>
                        <a class="dropdown-item" href="ecommerce-dashboard.html#">Dropdown Three</a>
                        <a class="dropdown-item" href="ecommerce-dashboard.html#">Dropdown Four</a>
                    </div>
                </div>

                <h4 class="page-title">仪表板</h4>
                 <p class="text-muted page-title-alt">欢迎来到Ubold管理面板 !</p>

            </div>
        </div>


        <div class="row">
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="widget-panel widget-style-2 bg-white">
                    <i class="md md-attach-money text-primary"></i>
                    <h2 class="m-0 text-dark counter font-600">50568</h2>
                    <div class="text-muted m-t-5">总收入</div>
                </div>
            </div>
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="widget-panel widget-style-2 bg-white">
                    <i class="md md-add-shopping-cart text-pink"></i>
                    <h2 class="m-0 text-dark counter font-600">1256</h2>
                    <div class="text-muted m-t-5">命令</div>
                </div>
            </div>
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="widget-panel widget-style-2 bg-white">
                    <i class="md md-store-mall-directory text-info"></i>
                    <h2 class="m-0 text-dark counter font-600">18</h2>
                    <div class="text-muted m-t-5">商店</div>
                </div>
            </div>
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="widget-panel widget-style-2 bg-white">
                    <i class="md md-account-child text-custom"></i>
                    <h2 class="m-0 text-dark counter font-600">85</h2>
                    <div class="text-muted m-t-5">卖家</div>
                </div>
            </div>
        </div>





        <div class="row">
            <div class="col-lg-12">
                <div class="card-box">
                    <h4 class="text-dark header-title m-t-0">总收入</h4>

                    <div class="row">
                        <div class="col-md-8">
                            <div class="text-center">
                                <ul class="list-inline chart-detail-list">
                                    <li class="list-inline-item">
                                        <h5><i class="fa fa-circle m-r-5" style="color: #36404a;"></i>台式机</h5>
                                    </li>
                                    <li class="list-inline-item">
                                        <h5><i class="fa fa-circle m-r-5" style="color: #5d9cec;"></i>片</h5>
                                    </li>
                                    <li class="list-inline-item">
                                        <h5><i class="fa fa-circle m-r-5" style="color: #bbbbbb;"></i>手机</h5>
                                    </li>
                                </ul>
                            </div>

                            <div id="morris-area-with-dotted" style="height: 300px;"></div>

                        </div>



                        <div class="col-md-4">

                            <p class="font-600">iMacs <span class="text-primary pull-right">80%</span></p>
                            <div class="progress m-b-30">
                                <div class="progress-bar progress-bar-primary progress-animated wow animated" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                </div><!-- /.progress-bar .progress-bar-danger -->
                            </div><!-- /.progress .no-rounded -->

                            <p class="font-600">iBooks <span class="text-pink pull-right">50%</span></p>
                            <div class="progress m-b-30">
                                <div class="progress-bar progress-bar-pink progress-animated wow animated" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
                                </div><!-- /.progress-bar .progress-bar-pink -->
                            </div><!-- /.progress .no-rounded -->

                            <p class="font-600">iPhone 5s <span class="text-info pull-right">70%</span></p>
                            <div class="progress m-b-30">
                                <div class="progress-bar progress-bar-info progress-animated wow animated" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                </div><!-- /.progress-bar .progress-bar-info -->
                            </div><!-- /.progress .no-rounded -->

                            <p class="font-600">iPhone 6 <span class="text-warning pull-right">65%</span></p>
                            <div class="progress m-b-30">
                                <div class="progress-bar progress-bar-warning progress-animated wow animated" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%">
                                </div><!-- /.progress-bar .progress-bar-warning -->
                            </div><!-- /.progress .no-rounded -->

                            <p class="font-600">iPhone 6s <span class="text-success pull-right">40%</span></p>
                            <div class="progress m-b-30">
                                <div class="progress-bar progress-bar-success progress-animated wow animated" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                </div><!-- /.progress-bar .progress-bar-success -->
                            </div><!-- /.progress .no-rounded -->


                        </div>



                    </div>

                    <!-- end row -->

                </div>

            </div>



        </div>
        <!-- end row -->


        <div class="row">
            <div class="col-lg-6">
                <div class="card-box">
                    <a href="ecommerce-dashboard.html#" class="pull-right btn btn-default btn-sm waves-effect waves-light">View All</a>
                    <h4 class="text-dark header-title m-t-0">最近的订单</h4>
                    <p class="text-muted m-b-30 font-13">
                        Your awesome text goes here.
                    </p>

                    <div class="table-responsive">
                        <table class="table table-actions-bar">
                            <thead>
                            <tr>
                                <th>Product</th>
                                <th>Order Date</th>
                                <th>Order Number</th>
                                <th>Amount</th>
                                <th style="min-width: 80px;">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><img src="assets/images/products/iphone.jpg" class="thumb-sm" alt=""> </td>
                                <td>08/10/2015</td>
                                <td><a href="ecommerce-dashboard.html#">UB#160924</a></td>
                                <td>$1,256</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            <tr>
                                <td><img src="assets/images/products/samsung.jpg" class="thumb-sm" alt=""> </td>
                                <td>08/10/2015</td>
                                <td><a href="ecommerce-dashboard.html#">UB#160923</a></td>
                                <td>$2,562</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            <tr>
                                <td><img src="assets/images/products/lumia.jpg" class="thumb-sm" alt=""> </td>
                                <td>08/10/2015</td>
                                <td><a href="ecommerce-dashboard.html#">UB#160922</a></td>
                                <td>$6,458</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            <tr>
                                <td><img src="assets/images/products/imac.jpg" class="thumb-sm" alt=""> </td>
                                <td>07/10/2015</td>
                                <td><a href="ecommerce-dashboard.html#">UB#160921</a></td>
                                <td>$1,256</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            <tr>
                                <td><img src="assets/images/products/macbook.jpg" class="thumb-sm" alt=""> </td>
                                <td>07/10/2015</td>
                                <td><a href="ecommerce-dashboard.html#">UB#160920</a></td>
                                <td>$7,521</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            <tr>
                                <td><img src="assets/images/products/samsung.jpg" class="thumb-sm" alt=""> </td>
                                <td>06/10/2015</td>
                                <td><a href="ecommerce-dashboard.html#">UB#160920</a></td>
                                <td>$7,521</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>

                </div>
            </div> <!-- end col -->


            <div class="col-lg-6">
                <div class="card-box">
                    <a href="ecommerce-dashboard.html#" class="pull-right btn btn-default btn-sm waves-effect waves-light">View All</a>
                    <h4 class="text-dark header-title m-t-0">Popular Products</h4>
                    <p class="text-muted m-b-30 font-13">
                        Your awesome text goes here.
                    </p>

                    <div class="table-responsive">
                        <table class="table table-actions-bar">
                            <thead>
                            <tr>
                                <th>Product</th>
                                <th>Addded Date</th>
                                <th>Orders</th>
                                <th>Amount</th>
                                <th style="min-width: 80px;">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><img src="assets/images/products/iphone.jpg" class="thumb-sm" alt=""> </td>
                                <td>08/10/2015</td>
                                <td><b>22</b></td>
                                <td>$1,256</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            <tr>
                                <td><img src="assets/images/products/samsung.jpg" class="thumb-sm" alt=""> </td>
                                <td>08/10/2015</td>
                                <td><b>35</b></td>
                                <td>$2,562</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            <tr>
                                <td><img src="assets/images/products/lumia.jpg" class="thumb-sm" alt=""> </td>
                                <td>08/10/2015</td>
                                <td><b>20</b></td>
                                <td>$6,458</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            <tr>
                                <td><img src="assets/images/products/imac.jpg" class="thumb-sm" alt=""> </td>
                                <td>07/10/2015</td>
                                <td><b>5</b></td>
                                <td>$1,256</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            <tr>
                                <td><img src="assets/images/products/macbook.jpg" class="thumb-sm" alt=""> </td>
                                <td>07/10/2015</td>
                                <td><b>10</b></td>
                                <td>$7,521</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            <tr>
                                <td><img src="assets/images/products/samsung.jpg" class="thumb-sm" alt=""> </td>
                                <td>06/10/2015</td>
                                <td><b>7</b></td>
                                <td>$7,521</td>
                                <td>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-edit"></i></a>
                                    <a href="ecommerce-dashboard.html#" class="table-action-btn"><i class="md md-close"></i></a>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>

                </div>
            </div> <!-- end col -->

        </div>

                  
        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/popper.min.js"></script><!-- Popper for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>

        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

        <script src="../plugins/morris/morris.min.js"></script>
        <script src="../plugins/raphael/raphael-min.js"></script>

        <script src="assets/pages/jquery.dashboard_ecommerce.js"></script>

    </body>
</html>